<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<style>
.btn_un
{
	cursor:pointer;
	color:white;
	width:68px;
	height:24px;
	border:0px;
	background-image: url(${pageContext.request.contextPath}/images/speedreport/btn_save_un.png);
}

.btn_nu
{
	cursor:pointer;
	color:white;
	width:68px;
	height:24px;
	border:0px;
	background-image: url(${pageContext.request.contextPath}/images/speedreport/btn_save_nu.png);
}

.spread_un
{
	vertical-align: bottom;
	background-image: url("");
	width: 61px; 
	height: 22px
}

.spread_nu
{
	vertical-align: bottom;
	background-image: url("${pageContext.request.contextPath}/images/speedreport/mousemove_bg.png");
	width: 61px; 
	height: 22px;
	color: white;
}

.showGZ
{
	background-image: url("${pageContext.request.contextPath}/images/speedreport/showGZ.png");
	width:390px;
	height:131px;
}
body
{ 
	TEXT-ALIGN: center; 
}
.showGZ-text1{
	color: #787878;
	font-size: 12px;
	font-weight: bold;
	padding-top:5px;
	padding-left:5px;
	width: 160px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.pz_del_span{
	float:right;
	margin-right: -20px;
}

#addDiv table td{
	height: 30px;
}
#addDiv table td.first{
	padding-top: 10px;
}
#addDiv table td.middle{
	padding-top: 5px;
}
#addDiv table td.last{
	padding-top: 10px;
}

.warn_normal{
	color:#7aba42
}
.warn_common{
	color: #8cbeed;
}
.warn_important{
	color: #ff9200;
}
.warn_serious{
	color: #ec0101;
}
</style>
<link href="${pageContext.request.contextPath}/js/timeline/css/lrzj_x.css" rel="stylesheet" />
<script src="${pageContext.request.contextPath}/js/timeline/js/jquery.timelinr-0.9.3.js"></script>
<script src="${pageContext.request.contextPath}/dqm/urgentrptmgr/speedreport/js/speedreport_rapid_detail.js"></script>

<div id="mainDiv" style="width: 100%;height: 100%;overflow: hidden;"> 
	<input type="hidden" id="reportid" name="reportId" value="${report.reportId }">
	<input type="hidden" id="reporttype" name="reportType" value="${report.reportType }">
	 <div id="speedreportInfoDiv" style="display: none;height: 53px">
		 <table border="0" cellpadding="0" cellspacing="0" style="width:100%;height:100%;background-image: url(${pageContext.request.contextPath}/images/speedreport/speedreportInfo_bg.png)">
			<tr>				
				<td style="padding-left: 3px" width="180px">急报名称：<label id="tempReportname">${report.reportName }</label></td>
				<td width="120px">类型：<label id="tempReporttype">${report.reportTypeName }</label></td>
				<td width="120px">周期类型：<label id="tempPeriodtype">${report.periodTypeName }</label></td>
				<td width="120px">需求来源：<label id="tempRequiresrc">${report.requireSrcName }</label></td>
				<td width="10px">
					<div id="spread_span" onclick="spreadSpeedReportInfo()" style="width: 61px; height: 22px;cursor:pointer;"
						 onmouseout="cbart('spread_span','spread_un','spread_img_un.png')" onmouseover="sbart('spread_span','spread_nu','spread_img_nu.png')">
						 <img src="${pageContext.request.contextPath}/images/speedreport/spread_img_un.png" style="float: left;"/>
						 <span style="float: left;margin-top: 5px;">展开</span>
					</div>
				</td>
			</tr>
		 </table>
	 </div>
 	 <div data-options="region:'north'" style="overflow-y:hidden;width:100%;height:230px;" id="addDiv">
	 	<table border="0" cellpadding="0" cellspacing="0" style="width:100%;height:100%;background-image: url(${pageContext.request.contextPath}/images/speedreport/add_speedreport_bg.png)">
		    <tr>
		      	<td width="40px" class="first"></td>
		      	<td style="text-align:right;" width="100px" class="first"><span style="color:red;font-size:15px">*</span>名 称：</td>
		      	<td width="240px" class="first"><input type="text" id="reportname" name="reportName" value="${report.reportName }" class="easyui-validatebox" 
		      			readonly="readonly" style="width:200px;"/></td>
		      	<td width="100px" style="text-align:right;" class="first"><span style="color:red;font-size:15px">*</span>类 型：</td>
		      	<td width="240px" class="first">
		      		<input type="text" id="reportTypeName" name="reportTypeName" value = "${report.reportTypeName }" readonly="readonly" style="width:200px;"/>
		      	</td>
		     	<td width="100px" style="text-align:right;" class="first"><span style="color:red;font-size:15px">*</span>周期类型：</td>
		      	<td width="240px" class="first">
		      		<input id="periodtype" class="easyui-combobox" name="periodType" 
		      			value = "${report.periodTypeName }" readonly="readonly" panelHeight="auto" style="width:200px;"/>
		      	</td>
		      	<td width="40px" class="first"></td>
		     </tr>
		     <tr>		     	
		     	<td class="middle"></td>
		     	<td style="text-align:right;" class="middle"><span style="color:red;font-size:15px">*</span>需求来源：</td>          
		      	<td class="middle"><input id="requiresrc" class="easyui-combobox" name="requireSrc" readonly="readonly"
		      		value = "${report.requireSrcName }" panelHeight="auto" style="width:200px;"/></td>
			      <td style="text-align:right;" class="middle">需求资源ID：</td>
			      <td class="middle">
			      	 <input type="text" id="requireresourceid" class="easyui-validatebox"  name="requireResourceId" 
			      	 		value = "${report.requireResourceId }" readonly="readonly" style="width:200px;"/>
			      </td> 
			      <td style="text-align:right;" class="middle">需求资源：</td>
			      <td class="middle">
			      	 <input type="text" id="requireresourcename" class="easyui-validatebox"  name="requireResourceName"
			      	 	value = "${report.requireResourceName }" readonly="readonly" style="width:200px;"/>
			      </td>
			      <td class="middle"></td>
		     </tr>
		     <tr>
		      <td class="middle"></td>
		     <td style="text-align:right;vertical-align: top;padding-top: 10px;">需求描述：</td>
		      <td colspan="5">		      	
		      	<textarea id="requiredesc" name="requireDesc" rows="5" readonly="readonly" style="width:880px;resize:none;">${report.requireDesc }</textarea>
		      </td>
		      <td class="middle"></td>
		     </tr> 		     
		      <tr>
		     	<td colspan="8" align="right" class="last">
		     		<div id='spread_btn_div' style="float: right;margin-top: -20px;margin-right: 75px;"><input id="spreadButton" onclick="spreadSpeedInfo()" onmouseout="cbart('spreadButton','btn_un', '')" onmouseover="sbart('spreadButton','btn_nu', '')" height="24px" width="64px" type="button" value="收  起" class="btn_un"></div>
		     	</td>		     	 
		     </tr>
		     
	    </table>	
	</div>    	
	
	
	<!-- 已保存急报/快报信息时图形展示区域 start -->
	<div id="showGZDiv" style="width: 100%; height: 480px;text-align: center;margin-left: auto;margin-right: auto; overflow-y:auto;overflow-x:hidden;background-image: url('${pageContext.request.contextPath}/images/speedreport/pzgz_bg.png')">
		
    </div>
	<!-- 已保存急报/快报信息时图形展示区域 start -->
		
		
</div>
